<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表渲染</title>
</head>
<body>
<div id="div">
        <!--需求1.循环展示vue中定义的数组的内容-->
    <ul>
        <!--参数:name表示遍历的值,参数二: index表示遍历的索引。()小括号可以省略不写,然后通过插值
表达式获取-->
        <li v-for="(name,index) in names">{{name}}------{{index}}</li>
    </ul>

    <hr>
    <!--需求2.循环展示vue中定义的对象的类容-->
    <ul>
        <!--参数一：value表示对象的属性值，参数二：name表示对象的属性名-->
        <li v-for="(value,name) in user">{{name}}------{{value}}</li>
    </ul>

</div>
</body>
<script src="../js/vue.js"></script>
<script>
    new Vue({
        el:"#div",
        data:{
            names:["小法","小跑","小明","snake"],
            user:{
                name: "snake",
                age:30,
                job:"专业辅助"
            }
        }
    })
</script>
</html>